<h2>მედია კომპონენტი</h2>
<div class="success ie-corner">
    <p>
        სურათი წარმატებით დაემატა!
    </p>
</div><!-- .success -->
<div class="error ie-corner">
    <p>
       შეუძლებელია სურათის  დამატება!
    </p>
</div><!-- .error -->
<hr class="line" />
<div class="forms clearfix">
    <div class="left half">
        <div class="tabs-tab pl-10">
            <a title="ქართული" class="btn white-btn ie-corner red-btn" href="#tab-1">სურათი</a>
            <a title="English" class="btn white-btn ie-corner" href="#tab-2">ვიდეო</a>
        </div><!-- .tabs-tab -->
        <div class="tabs-content padding clearfix">           
            <div id="tab-1" style="display: block">
                <p>
                    <label for="image">სურათის არჩეა:</label>
                    <input type="file" name="image" id="image" class="custom-file" />
                    <span class="jcrop-label"><a href="#" title="ხედის რედაქტირება">ხედის რედაქტირება</a></span>
                </p>
                <p>
                    <label for="image_title">სურათის სათაური:</label>
                    <input type="text" class="input ie-corner input-half" id="image_title" name="image_title" />
                </p>
                <p>
                    <label for="image_descrition">სურათის აღწერა:</label>
                    <textarea class="textarea  ie-corner textarea-half" id="image_descrition" name="image_descrition"></textarea>
                </p>
                <p>
                    <input type="button" title="სურათის დამატება" value="სურათის დამატება" class="right btn ie-corner red-btn">
                </p>
            </div><!-- #tab-1 -->
            <div id="tab-2">
                <p>
                    <label for="video">ვიდეოს ბმული:</label>
                    <input type="text" class="input video-input ie-corner input-half" id="video" name="video" value="http://" />
                </p>
                <p>
                    <input type="button" title="ვიდეოს დამატება" value="ვიდეოს დამატება" class="right btn ie-corner red-btn">
                </p>
            </div><!-- #tab-2 -->            
        </div><!-- .padding -->
    </div><!-- .left.half -->
    <div class="right half">
        <div id="uploaded-images" class="clearfix">
            <div class="padding sortable">
                <?php for( $i = 1; $i < 13; $i++ ) :
                ?>
                <div id="id-<?php echo $i;?>" class="uploaded-image-wrapper">
                    <div class="uploaded-image">
                        <img src="../uploads/slider-image.jpg" alt="" />
                    </div><!-- .uploaded-image -->
                    <div class="uploaded-image-title">
                        <span><?php echo $i;?>სურათის სათაური</span>
                    </div><!-- .uploaded-image-title -->
                    <div class="uploaded-image-actions">
                        <a href="?<?php echo http_build_query(array( 'type' => 'media', 'act' => 'edit', 'id' => $i));?>" class="edit-media-icon" title="სურათის რედაქტირება">სურათის რედაქტირება</a>
                        <a href="?<?php echo http_build_query(array( 'type' => 'media', 'act' => 'delete', 'id' => $i));?>" class="delete-icon delete-media-icon" title="სურათის წაშლა">სურათის წაშლა</a>
                    </div><!-- .uploaded-image-actions -->
                </div><!-- .uploaded-image-wrapper -->
                <?php echo ( $i % 16 == 0 ) ? '<div class="uploaded-image-sep"></div>' : ''; ?>
                <?php endfor;?>
            </div><!-- .padding -->
        </div><!-- #uploaded-images -->
        <div class="padding t-center">
            <input type="submit" title="კომპონენტის განახლება" value="კომპონენტის განახლება" class="btn sortable-update-btn ie-corner red-btn">
        </div><!-- .padding -->
    </div><!-- .right -->
</div><!-- .forms -->